﻿@model IEnumerable<Cafeteria.Models.Almacen.Ingrediente.IngredienteBean>

<h2>Buscar Ingrediente</h2>

    
@using (Html.BeginForm("Buscar", "Ingrediente", FormMethod.Post, new { @class = "form" }))
{
    @Html.ValidationSummary(false)
    <fieldset>
        <div class = "widget" >
            <div class = "title"><h6>Buscar Ingrediente</h6></div>

            <div class="formRow">
                <label>Nombre</label>
                <div class = "formRight" ><input type = "text" id = "nombre" name = "nombre" class="validate[required,custom[onlyLetterSp]]" ,name="lettersValid", maxlength = "50", placeholder = "Maximo 50 caracteres aqui" /></div>
                <div class = "clear" ></div>
            </div>
        </div>
    </fieldset>
    <p>
        <input type="submit" value="Buscar" class = "redB" /> <p></p>
        <a href="javascript:history.back()">Regresar</a> | @Html.ActionLink("Lista Ingredientes", "Index", "Ingredientes")
    </p>
}


@if (ViewBag.estado != 0)
{    
    <div class="wrapper">
        <div class="widget">
          <div class="title"><h6>Lista de Ingredientes</h6></div>
          <div class="dataTables_wrapper">
          
              <table cellpadding = "0" cellspacing = "0" width = "100%" class = "display dTable"> 
                <thead>
                <tr>
                    <th class="ui-state-default" rowspan="1" colspan="1" style="width:209px;" >
                        <div class="DataTables_sort_wrapper">
                        ID
                        <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-s"></span>
                        </div>
                     </th>
                    <th class="ui-state-default" rowspan="1" colspan="1" style="width:209px;" >
                        <div class="DataTables_sort_wrapper">
                        Nombre
                        <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-s"></span>
                        </div>
                     </th>
                    <th class="ui-state-default" rowspan="1" colspan="1" style="width:209px;" >
                        <div class="DataTables_sort_wrapper">
                        Descripción
                        <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-s"></span>
                        </div>
                     </th>
                     <th class="ui-state-default" rowspan="1" colspan="1" style="width:209px;" >
                        <div class="DataTables_sort_wrapper">
                        Estado
                        <span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-s"></span>
                        </div>
                     </th>
                    <th class="ui-state-default" rowspan="1" colspan="1" style="width:209px;" >

                    </th>
                </tr>
            </thead>
                <tbody>
                @foreach (var item in Model)
                {
                    <tr class="gradeA odd">
                        <td class=" sorting_1">@Html.DisplayFor(modelItem => item.id)</td>
                        <td class=" sorting_1">@Html.DisplayFor(modelItem => item.nombre)</td>
                        <td class=" sorting_1">@Html.DisplayFor(modelItem => item.descripcion)</td>
                        <td class=" sorting_1">@Html.DisplayFor(modelItem => item.estado)</td>
                        <td class=" sorting_1">
                            <a href="@Url.Action("Edit", new { id = item.id })"><img src="../../Content/images/icons/color/pencil.png", alt="Edit" />Editar </a> | 
                         
                            @if(item.estado=="ACTIVO"){
                                <a  ID = @item.id class = "eliminar" href=""><img src="../../Content/images/icons/color/cross.png", alt="Delete" />Eliminar</a>
                            }

                        </td>
                    </tr>
        
                }
            <div id="dialogEliminar" title="Desea Eliminar el Producto?">
	            <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
                El Producto que UD. Elimine ya no podra ser recuperado</p>
             </div>
            </tbody>
              
              </table>   
                           
               
          </div>
        
        </div>
    </div>
    
    
}
    


    <script type = "text/javascript">
        var idEliminar = 0;
        $(".eliminar").click(function () {
            $('#dialogEliminar').dialog('open');
            idEliminar = $(this).attr("ID");
            return false;
        });

        $('#dialogEliminar').dialog({
            autoOpen: false,
            resizable: false,
            draggable: false,
            width: 300,
            modal: true,
            title: "!Confirmar Eliminacion de Ingrediente",
            position: "center",
            buttons: {
                "Aceptar": function () {
                    $.ajax({
                        type: "POST",
                        dataType: "json",
                        contentType: "application/json; charset=utf-8",
                        url: "Delete/" + idEliminar,
                        success: function (data) {
                            //oTable.fnDraw(false);
                            if (data.me == "") {
                                $(this).dialog("close");
                                location.reload();
                            }
                        }
                    });

                },
                "Cancelar": function () {
                    $(this).dialog("close");
                    return false;
                }
            }
        });

    </script>